.g-arrow-down {
  width: 0;
  height: 0;
  border-color: rgba(0,0,0,.5) transparent transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom: 0;
}
.color-l {
  color: #999;
}
.color-d {
  color: #666;
}
.color {
  color: #222;
}

.color-white {
  color: #fff;
}

.mt6 {
  margin-top: 6px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}

.btn {
  margin-left: -1px;
  height: 30px;
  padding: 0 16px;
  outline: 0;
  font-size: 12px;
  transition: .2s;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}

.btn-master {
  border: 1px solid #42BBFC;
  background: #42BBFC;
  color: hsla(0,0%,100%,.89);
}

.btn-master:hover {
  background: #1ba4f5;
}

.btn-master:active {
  color: #fff;
  background: #1998e3;
}

.btn-accent {
  border: 1px solid #eb5648;
  background: #eb5648;
  color: hsla(0,0%,100%,.89);
}

.btn-accent:hover {
  background: #ef7c71;
}

.btn-accent:active {
  color: #fff;
  background: #c35146;
}

.vb {
  vertical-align: bottom;
}
